﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomizedTrip.aspx.cs" Inherits="Omabar.CMS.Pages.CustomizedTrip" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <!--Title-->
    <title>欧玛贝&mdash;&mdash;来自德国，专注定制</title>
    <link href="css/basic.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link href="css/GoTop.css" rel="stylesheet" type="text/css">
    <link href="css/ContentPage.css" rel="stylesheet" type="text/css">
    <link href="css/menuList.css" rel="stylesheet" type="text/css">
    <link href="css/turnPage.css" rel="stylesheet" type="text/css">
    <link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css" />
    <link href="css/messenger.css" rel="stylesheet" />
    <link href="css/messenger-theme-air.css" rel="stylesheet" />
    <link href="css/jquery_jmodal.css" rel="stylesheet" />
    <!--Required libraries-->
    <script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui.min.js" type="text/javascript"></script>
    <script src="js/messenger.min.js" type="text/javascript"></script>
    <script src="js/messenger-theme-future.js" type="text/javascript"></script>
    <script src="js/GoTop.js" type="text/javascript"></script>
    <script src="js/jquery_jmodal.js"></script>


    <script type="text/javascript">
        $(document).ready(function () {
            $("#firstpane p.menu_head").click(function () {
                $(this).css({ background: "#33cccc" }).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
                $(this).siblings().css({ background: "url(images/transparentBg.png)" });
            });
            $("#secondpane p.menu_head").mouseover(function () {
                $(this).css({ background: "#33cccc" }).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
                $(this).siblings().css({ background: "url(images/transparentBg.png)" });
            });

            $(".multiSelect a").click(function () {
                if ($(this).hasClass("selected")) {
                    $(this).removeClass("selected");
                }
                else {
                    $(this).addClass("selected");
                }
            });

            $("#tripdatepicker").datepicker({
                inline: true
            });

            Messenger.options = {
                extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right',
                theme: 'air'
            }
        });

        function submitMyTrip() {
            if ($("#USERNAME").val() == "") {
                alert("称呼不能为空")
                return;
            }
            if ($("#TELEPHONE").val() == "") {
                alert("手机号码不能为空");
                return;
            }
            if (!(/^1[3|4|5|8][0-9]\d{4,8}$/.test($("#TELEPHONE").val()))) {
                alert("手机号码不正确");
                return;
            }
            if (!(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test($("#EMAIL").val()))) {
                alert("邮箱格式不正确");
                return;
            }

            var themeString = "";
            $("#themesLi .selected").each(function () {
                themeString += $(this).text() + ",";
            });
            themeString = themeString.substring(0, themeString.length - 1);

            var hobbyString = "";
            $("#hobbysLi .selected").each(function () {
                hobbyString += $(this).text() + ",";
            });
            hobbyString = hobbyString.substring(0, hobbyString.length - 1);

            $.post("../Handler/CustomizedTravelAdd.ashx",
                {
                    DESTINATION: $("#DESTINATION").val(),
                    STARTCITY: $("#STARTCITY").val(),
                    TRAVELDAYS: $("#TRAVELDAYS").val(),
                    ADULT: $("#ADULT").val(),
                    CHILD: $("#CHILD").val(),
                    BUDGET: $("#BUDGET").val(),
                    STARTDATE: $("#tripdatepicker").val(),
                    THEMES: themeString,
                    HOBBYS: hobbyString,
                    ADDITIONAL: $("#ADDITIONAL").val(),
                    USERNAME: $("#USERNAME").val(),
                    TELEPHONE: $("#TELEPHONE").val(),
                    EMAIL: $("#EMAIL").val()
                },
                function (data, status) {
                    console.log(data);
                    var mtop = 300;
                    if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) {
                        mtop = 300;
                    }
                    //Messenger().post({ message: data.Tip, type: 'error' });
                    $.fn.jmodal({
                        title: '提交成功',
                        content: '您的定制已提交成功，我们将在24小时之内与您联系。',
                        buttonText: { ok: '确定', cancel: '取消' },
                        marginTop: mtop,
                        okEvent: function (obj, args) {
                            $.fn.hideJmodal();
                            $("#USERNAME").val("");
                            $("#TELEPHONE").val("");
                            $("#EMAIL").val("");
                            //location.reload(true);
                        }
                    });
                }, "json");
        }
    </script>
</head>
<body class="bodyBg">
    <div id="top"></div>
    <!--顶部-->
    <div class="PlacedTop">
        <div class="ContentPageTop">
            <div class="ContentPageLogo">
                <ul>
                    <%--<li><a href="#">注册</a></li>
                    <li>|</li>
                    <li><a href="#">登录</a></li>--%>
                    <li><a href="#" onmouseover="document.getElementById('QrCodeWeChat').style.display='block'" onmouseout="document.getElementById('QrCodeWeChat').style.display='none'">
                        <img src="images/iconWeChat.png" width="22" height="18" alt="" align="absmiddle" /></a></li>
                    <li><a href="#" onmouseover="document.getElementById('QrCodeWeibo').style.display='block'" onmouseout="document.getElementById('QrCodeWeibo').style.display='none'">
                        <img src="images/iconWeibo.png" width="22" height="18" alt="" align="absmiddle" /></a></li>
                </ul>
                <div id="QrCodeWeChat">
                    <img src="images/QrCodeWeChat.jpg" width="86" height="86" alt="" />
                </div>
                <div id="QrCodeWeibo">
                    <img src="images/pic-11.jpg" width="86" height="86" alt="" />
                </div>
            </div>
        </div>
        <!--导航栏-->
        <div class="ContentPageNav">
            <div class="ContentPageContainer">
                <div class="Search">
                    <input type="text" class="SearchInput">
                </div>
                <div class="ContentNav">
                    <ul>
                        <li><a href="Index.aspx" class="oneNavLink01"></a></li>
                        <li><a href="RouteList.aspx" class="oneNavLink02"></a></li>
                        <li><a href="CustomizedTrip.aspx" class="oneNavLink03current"></a></li>
                        <li><a href="欧玛贝-行走足迹.html" class="oneNavLink04"></a></li>
                        <li><a href="欧玛贝-跳蚤集市.html" class="oneNavLink05"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--定制之旅-->
    <div class="container02 marginT200 titleCustomizeTourBg">
        <div class="TranslucentBackgroundWhite">
            <div class="ContentPageContainer">
                <!--标题-->
                <div>
                    <img src="images/titleCustomizeTour.png" width="320" height="109" alt="" />
                </div>
                <div class="fontColfff marginT10 marginL30 lineh24 height100">
                    <ul>
                        <li class="h3">我们的专属私人旅行定制师随时待命，提供最快捷和高效的服务。</li>
                        <li class="h4">欧玛贝私人管家24小时为您服务，解答您定制过程中的一切疑惑，为您解决旅行过程中的突发问题。</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="bgcolorFFF">
        <div class="ContentPageContainer paddingT80B50">
            <!--定制内容 1-->
            <div class="CustomizeTourOne">
                <div class="h3 CustomizeTitle marginLR30 marginT75 marginB10">您的需求<span class="fontcol33cc marginL10">▼</span></div>
                <div class="clear DottedLineBottom marginLR10"></div>
                <div class="marginLR30 marginT20 CustomizeTourContent">
                    <ul>
                        <li><span class="floatL">目的地</span><span class="floatR">
                            <div class="selectArrow195">
                                <select name="select" id="DESTINATION" class="select195" data-required="true">
                                    <%foreach (var country in countries)
                                      { %>
                                    <option value="<%=country.COUNTRY_NAME%>"><%=country.COUNTRY_NAME %></option>
                                    <%}%>
                                </select>
                            </div>
                        </span></li>
                        <li><span class="floatL">始发地</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="STARTCITY" type="text" class="select195" placeholder="中文/拼音" />
                            </div>
                        </span></li>
                        <li><span class="floatL">出行天数</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="TRAVELDAYS" type="text" class="select195" placeholder="请填写出行天数" />
                            </div>
                        </span></li>
                        <li><span class="floatL">出行人数</span><span class="floatR">
                            <div class="selectArrow165">
                                <span class="floatL">成人</span>
                                <input id="ADULT" type="text" class="select125 floatR" placeholder="请填写人数" />
                            </div>
                        </span></li>
                        <li><span class="floatR">
                            <div class="selectArrow165">
                                <span class="floatL">小孩</span>
                                <input id="CHILD" type="text" class="select125 floatR" placeholder="请填写人数" />
                            </div>
                        </span></li>
                        <li><span class="floatL">经费预算</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="BUDGET" type="text" class="select195" placeholder="请填写经费预算" />
                            </div>
                        </span></li>
                        <li><span class="floatL">出行时间</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="tripdatepicker" size="16" type="text" placeholder="年-月-日" class="select195" />
                            </div>
                        </span></li>
                    </ul>
                </div>
            </div>

            <!--定制内容 2-->
            <div class="CustomizeTourTwo marginLR20">
                <div class="h3 CustomizeTitle marginLR30 marginT75 marginB10">私人定制<span class="fontcol33cc marginL10">▼</span></div>
                <div class="clear DottedLineBottom marginLR10"></div>
                <div class="marginLR30 marginT20 CustomizeTourContent">
                    <ul>
                        <li><span class="floatL">选择主题</span></li>
                        <li id="themesLi" class="multiSelect">
                            <%foreach (var theme in themes)
                              { %>
                            <a itemid="<%=theme.THEME_ID%>"><%=theme.THEME_NAME%></a>
                            <%}%>
                        </li>
                        <li>您的兴趣爱好？</li>
                        <li id="hobbysLi" class="multiSelect"><a>美食</a><a>购物</a><a>摄影</a><a>运动</a><a>探险</a><a>影视</a></li>
                        <li>您还有其他需求吗？</li>
                        <li>
                            <textarea id="ADDITIONAL" class="textarea260" placeholder="您还有什么特殊需求，写在这里吧!例：不太愿意前往的地方或不喜欢吃的食物等"></textarea>
                        </li>
                    </ul>
                </div>
            </div>

            <!--定制内容 3-->
            <div class="CustomizeTourThree">
                <div class="h3 CustomizeTitle marginLR30 marginT75 marginB10">联系人<span class="fontcol33cc marginL10">▼</span></div>
                <div class="clear DottedLineBottom marginLR10"></div>
                <div class="marginLR30 marginT20 CustomizeTourContent">
                    <ul>
                        <li><span class="floatL">您的称呼</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="USERNAME" type="text" class="select195" placeholder="您的称呼" />
                            </div>
                        </span></li>
                        <li><span class="floatL">联系电话</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="TELEPHONE" type="text" class="select195" placeholder="您的联系电话" />
                            </div>
                        </span></li>
                        <li><span class="floatL">您的邮箱</span><span class="floatR">
                            <div class="selectArrow195">
                                <input id="EMAIL" type="text" class="select195" placeholder="请填写邮箱" />
                            </div>
                        </span></li>
                        <li><span class="floatR"><a href="javascript:submitMyTrip();" class="CustomizeTourOK">开始定制</a></span></li>
                    </ul>
                </div>
                <div class="marginLR30 marginT30 CustomizeTourAdded">如果推荐行程不能满足您的需求，请联系下方专属定制师，开启您的专属私人旅行。</div>
            </div>
        </div>
    </div>
    <div class="clear"></div>

    <!--专属定制师-->
    <div class="container02 titleCustomizeTourBg1">
        <div class="divWidth1000">
            <div class="floatL">
                <img src="images/titleCustomizeTour1.png" width="283" height="130" alt="" />
            </div>
            <div class="floatL paddingT30">
                <ul>
                    <li class="h3">我们的专属私人旅行定制师随时待命，提供最快捷和高效的服务。</li>
                    <li>私人专属定制师随时待命，解决旅行过程中的突发问题，解答您的一切疑惑。</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>

    <div class="marginT75">
        <div class="divWidth1000">
            <!--专属定制师姓名 & 头像-->
            <%for (int tIndex = 0; tIndex < this.tailors.Count;tIndex++ ) { %>
                  <div class="CustomDivision floatL" onclick="javascript:
                      if($('#<%=tailors[tIndex].TAILOR_ID %>').css('display') === 'none'){
                      $('.CustomDivisionInfo').css('display','none'); 
                      $('#<%=tailors[tIndex].TAILOR_ID %>').css('display','block');
                      }else{
                      $('#<%=tailors[tIndex].TAILOR_ID %>').css('display','none');
                      } ">
                <ul>
                    <li class="h2 fontColfff fontTA"><%=this.tailors[tIndex].TAILOR_NAME %></li>
                    <li class="CustomDivisionPic marginT20">
                        <div class="photo">
                            <img src="<%= this.tailors[tIndex].TAILOR_HEAD_IMG%>" style="width:200px; height:200px;"  alt="" />
                        </div>
                    </li>
                </ul>
            </div>            
            <%this.tailorIndex++;
              if (this.tailorIndex % 3 == 0)
              { %>
                <div id="<%=tailors[tailorIndex-3].TAILOR_ID%>" class="CustomDivisionInfo" style="display:none;">
                                <div class="icontriangle_3" ></div>
            <div class="CustomDivisionBg">
                <div class="CustomDivisionPhoto">
                    <img src="<%=tailors[tailorIndex-3].Tailor_IMG_List[0].PHOTO_SRC%>"  style="width:330px; height:250px; margin-top:20px;" alt="" />
                </div>
            <div class="CustomDivisionText">
                <ul>
                    <li class="font16 marginB15">定制师介绍</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-3].TAILOR_INFO%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">擅长？</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-3].TAILOR_SPECIALTY%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">定制案例</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-3].TAILOR_CASE%></li>
                </ul>
                <div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=tailors[tailorIndex-3].TAILOR_QQ%>&site=qq&menu=yes">联系他</a>
                </div>
            </div>
        </div>
                </div>
                <div class="clear"></div>
                <div id="<%=tailors[tailorIndex-2].TAILOR_ID%>" class="CustomDivisionInfo" style="display:none;">
                                <div class="icontriangle_2"></div>
            <div class="CustomDivisionBg">
                <div class="CustomDivisionPhoto">
                    <img src="<%=tailors[tailorIndex-2].Tailor_IMG_List[0].PHOTO_SRC%>" style="width:330px; height:250px; margin-top:20px;" alt="" />
                </div>
            <div class="CustomDivisionText">
                <ul>
                    <li class="font16 marginB15">定制师介绍</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-2].TAILOR_INFO%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">擅长？</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-2].TAILOR_SPECIALTY%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">定制案例</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-2].TAILOR_CASE%></li>
                </ul>
                <div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=tailors[tailorIndex-2].TAILOR_QQ%>&site=qq&menu=yes">联系他</a>
                </div>
            </div>
        </div>
    </div>
                <div class="clear"></div>
                <div id="<%=tailors[tailorIndex-1].TAILOR_ID%>" class="CustomDivisionInfo" style="display:none;">
                                <div class="icontriangle_1"></div>
            <div class="CustomDivisionBg">
                <div class="CustomDivisionPhoto">
                    <img src="<%=tailors[tailorIndex-1].Tailor_IMG_List[0].PHOTO_SRC%>" style="width:330px; height:250px; margin-top:20px;" alt="" />
                </div>
            <div class="CustomDivisionText">
                <ul>
                    <li class="font16 marginB15">定制师介绍</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_INFO%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">擅长？</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_SPECIALTY%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">定制案例</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_CASE%></li>
                </ul>
                <div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=tailors[tailorIndex-1].TAILOR_QQ%>&site=qq&menu=yes">联系他</a>
                </div>
            </div>
        </div>
    </div>
                 <div class="clear"></div>
              <%}%>
              <%else{%>
                    <%  if(this.tailorIndex == this.tailors.Count) {//除3整数外多出来的部分 
                            switch (this.tailorIndex % 3)
                            { 
                                case 1:%>
                                    <div id="<%=tailors[tailorIndex-1].TAILOR_ID%>" class="CustomDivisionInfo" style="display:none;">
                                <div class="icontriangle_3" ></div>
                                    <div class="CustomDivisionBg">
                <div class="CustomDivisionPhoto">
                    <img src="<%=tailors[tailorIndex-1].Tailor_IMG_List[0].PHOTO_SRC%>" style="width:330px; height:250px; margin-top:20px;" alt="" />
                </div>
            <div class="CustomDivisionText">
                <ul>
                    <li class="font16 marginB15">定制师介绍</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_INFO%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">擅长？</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_SPECIALTY%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">定制案例</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_CASE%></li>
                </ul>
                <div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=tailors[tailorIndex-1].TAILOR_QQ%>&site=qq&menu=yes">联系他</a>
                </div>
            </div>
        </div>
                                </div>
                                    <div class="clear"></div>
                                   <% break;
                                case 2:%>
                                    <div id="<%=tailors[tailorIndex-2].TAILOR_ID%>" class="CustomDivisionInfo" style="display:none;">
                                <div class="icontriangle_3" ></div>
                                <div class="CustomDivisionBg">
                                    <div class="CustomDivisionPhoto">
                                        <img src="<%=tailors[tailorIndex-2].Tailor_IMG_List[0].PHOTO_SRC%>" style="width:330px; height:250px; margin-top:20px;" alt="" />
                                    </div>
                                <div class="CustomDivisionText">
                                    <ul>
                                        <li class="font16 marginB15">定制师介绍</li>
                                        <li class="fontcol99cc"><%=tailors[tailorIndex-2].TAILOR_INFO%></li>
                                    </ul>
                                    <ul>
                                        <li class="font16 marginB15">擅长？</li>
                                        <li class="fontcol99cc"><%=tailors[tailorIndex-2].TAILOR_SPECIALTY%></li>
                                    </ul>
                                    <ul>
                                        <li class="font16 marginB15">定制案例</li>
                                        <li class="fontcol99cc"><%=tailors[tailorIndex-2].TAILOR_CASE%></li>
                                    </ul>
                                    <div>
                                        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=tailors[tailorIndex-2].TAILOR_QQ%>&site=qq&menu=yes">联系他</a>
                                    </div>
                                </div>
                            </div>
                </div>
                                    <div class="clear"></div>
                                     <div id="<%=tailors[tailorIndex-1].TAILOR_ID%>" class="CustomDivisionInfo" style="display:none;">
                                <div class="icontriangle_2"></div>
            <div class="CustomDivisionBg">
                <div class="CustomDivisionPhoto">
                    <img src="<%=tailors[tailorIndex-2].Tailor_IMG_List[0].PHOTO_SRC%>" style="width:330px; height:250px; margin-top:20px;" alt="" />
                </div>
            <div class="CustomDivisionText">
                <ul>
                    <li class="font16 marginB15">定制师介绍</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_INFO%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">擅长？</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_SPECIALTY%></li>
                </ul>
                <ul>
                    <li class="font16 marginB15">定制案例</li>
                    <li class="fontcol99cc"><%=tailors[tailorIndex-1].TAILOR_CASE%></li>
                </ul>
                <div>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=tailors[tailorIndex-1].TAILOR_QQ%>&site=qq&menu=yes">联系他</a>
                </div>
            </div>
        </div>
    </div>
                                    <div class="clear"></div>
                                   <% break;
                            }%>
                    <%}%>
              <%}%>
            <%}%>
        </div>

    <div class="clear"></div>


    <!--内容区域返回顶部按钮-->
    <div class="semicircleBackTop"><a href="#top"></a></div>
    <div class="clear"></div>

    <!--底部链接-->
    <div class="bottom">
        <div class="bottomText">
            <div class="contactUs floatL">
                <ul>
                    <li class="marginB10">联系我们</li>
                    <li class="marginB10 fontfa fontW">400-007-0819</li>
                    <li class="marginB10 fontCol666 h4">info@omabar.cn</li>
                    <li class="paddingT20">
                        <img src="images/logoBottom.png" width="169" height="19" alt="" /></li>
                    <li class="fontCol666 h5">欢迎来到欧玛贝，快来<span class="fontcolfc3 font16">注册</span>吧！<br>
                        切换到手机版浏览</li>
                </ul>
            </div>
            <div class="WeChat floatL">
                <ul>
                    <li class="marginB10">欧玛贝微信开通</li>
                    <li class="marginB10 fontcolfc3 font16">订阅号</li>
                    <li class="marginB10 fontCol666 h5">专注欧美旅行定制服务<br>
                        账号：欧玛贝旅游</li>
                    <li class="marginB10">欧玛贝微博开通</li>
                    <li class="marginB10 fontCol666 h5">专注欧美旅行定制服务<br>
                        账号：欧玛贝旅游</li>
                </ul>
            </div>
            <div class="bottomLink floatL">
                <ul>
                    <li class="marginB10">关于欧玛贝</li>
                    <li class="marginB10"><a href="#">关于我们</a></li>
                    <li class="marginB10"><a href="#">团队</a></li>
                    <li class="marginB10"><a href="#">媒体报道</a></li>
                    <li class="marginB10"><a href="#">工作机会</a></li>
                </ul>
            </div>
            <div class="bottomLink floatL">
                <ul>
                    <li class="marginB10">技术支持</li>
                    <li class="marginB10"><a href="#">隐私政策</a></li>
                    <li class="marginB10"><a href="#">服务条款</a></li>
                    <li class="marginB10"><a href="#">联系我们</a></li>
                    <li class="marginB10"><a href="#">合作伙伴</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>

    <!--版权所有-->
    <div class="copyright">Copyright OMABAR欧玛贝 2015 | 蜀ICP备 12345678号</div>
    <div class="clear"></div>
</body>
</html>
